<template>
  <div id="admin">
    <el-row>
      <el-col :span="6" :xs="24"
        ><el-card style="margin: 10px 0 0 10px" shadow="hover">
          <eschar /></el-card
      ></el-col>
      <el-col :span="18" :xs="24"
        ><el-card style="margin: 10px 10px 0 10px" shadow="hover"
          ><piechar /></el-card
      ></el-col>
      <el-col :span="24" :xs="24"
        ><el-card style="margin: 10px" shadow="hover">
          <saleeschar /> </el-card
      ></el-col>
    </el-row>
  </div>
</template>
<script>
import eschar from "@/components/echarts/eschar";
import piechar from "@/components/echarts/piechar";
import saleeschar from "@/components/echarts/saleeschar";
export default {
  components: {
    eschar,
    piechar,
    saleeschar,
  },
};
</script>
<style lang="less" scoped>
</style>
